<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
<head>
<jsp:include page="../header.jsp">
	<jsp:param value="组织-收款与签约 " name="title" />
</jsp:include>
<link href="static/css/teacher.css" rel="stylesheet" type="text/css">
<link href="static/css/position.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="static/js/postion.js"></script>
<script type="text/javascript"src="${basePath }My97DatePicker/WdatePicker.js">
<script type="text/javascript" src="static/js/student.js"></script>
<script type="text/javascript">
	$(function() {
		$('.ui.floating.dropdown.labeled.icon.button').dropdown();
		$('.ui.teal.basic.button');
		$('.ui.fluid.popup.bottom.left.transition.hidden');
		$('ui.teal.basic.button');
		$('.ui.four.column.relaxed.divided.grid')
	});
</script>
</head>
<body>
	<jsp:include page="../menu/menue.jsp"></jsp:include>
	<div class="teacher-content"
		style="margin-left: 150px; margin-right: 100px; margin-top: 50px;">
		
			<div class="ui form"></div>
			<table class="ui sortable celled table">
				<thead>
					<tr>
						<th colspan="11" style="vertical-align: middle;">
							<div style="float: left;">收款详情列表</div>						
						</th>
					</tr>
					<tr>
						<th colspan="11">
							<div class="ui teal basic button" tabindex="0" style="float:left;">
							<a href="nopayed">返回</a></div>	
						<div class="ui mini icon input" style="float: right;">
							<img src="static/images/calendar.png"></img>
						<input type="text" id="d241" onfocus="WdatePicker()"
						class="Wdate"style="width: 150px; height: 26px; margin-right: 10px;"
						placeholder="按收款时间查询" name="paytime"value="${param.payDate}" />
						</div>
						</th>
					</tr>
					<tr>
						<th>收款订单编号</th>
						<th>付款方式</th>
						<th>收款人</th>
						<th>缴费次数</th>
						<th>应付金额</th>
						<th>已付金额</th>
						<th>本次付金额</th>
						<th>未付金额</th>
						<th>收款时间</th>
						
					</tr>
				</thead>
				<tbody>
					<c:forEach items="${singerpayrecordList}" var="singerpayrecord">
						<tr>
							<td class="collapsing">${singerpayrecord.payOrderId}</td>
							<td class="collapsing">${singerpayrecord.payWay}</td>
							<td class="collapsing">${singerpayrecord.empId}</td>
							<td class="collapsing">${singerpayrecord.payCount}</td>
							<td class="collapsing">${singerpayrecord.duePay}</td>
							<td class="collapsing">${singerpayrecord.havePay}</td>
							<td class="collapsing">${singerpayrecord.thisPay}</td>
							<td class="collapsing">${student.noPay}"></td>
							<td class="collapsing"><fmt:formatDate
									value="${singerpayrecord.payDate}" type="date" /></td>
							
						</tr>
					</c:forEach>
					<c:if test="${empty singerpayrecordList}">
						<tr>
							<td style="text-align: center;" colspan="9">暂无记录</td>
						</tr>
					</c:if>
				</tbody>
			</table>
		
		<label>&nbsp;</label>
		<c:if test="${totalPage > 1 }">
			<div class="page">
				<a
					<c:if test="${page!=1}">href="${url}?page=1${queryString}"</c:if>
					class="${page == 1?'disable':''}">首页</a> <a
					<c:if test="${page!=1}">href="${url}?page=${page-1}${queryString}"</c:if>
					class="${page == 1?'disable':''}">上一页</a> <a
					<c:if test="${page!=totalPage}">href="${url}?page=${page+1 }${queryString}"</c:if>
					class="${page == totalPage?'disable':''}">下一页</a> <a
					<c:if test="${page!=totalPage}">href="${url}?page=${totalPage }${queryString}"</c:if>
					class="${page == totalPage?'disable':''}">最后一页</a> <span>
					${page}/${totalPage} </span>
			</div>
		</c:if>
	</div>
</body>
</html>